<template>
  <u-fold unfold line="1" style="width: 50px">hello world!</u-fold>
  <div style="width: 200px">
    <u-fold line="1">
      <p>每当白日依山尽，夕阳余辉便透过朵朵云层，像万道金光，如霞光万丈，把天空白云染得红彤彤，把大地山河映得金灿灿，仿佛整个世界在那一瞬间都变得金碧辉煌，热情奔放起来</p>
    </u-fold>
    <u-fold unfold line="1">
      <p>每当白日依山尽，夕阳余辉便透过朵朵云层，像万道金光，如霞光万丈，把天空白云染得红彤彤，把大地山河映得金灿灿，仿佛整个世界在那一瞬间都变得金碧辉煌，热情奔放起来</p>
    </u-fold>
  </div>
  <u-divider />
  <u-divider>我是分割线</u-divider>
  <u-divider border-style="dashed">我是虚线</u-divider>
  <span>left</span>
  <u-divider vertical border-style="dashed" />
  <span>right</span>
  <u-divider position="left">我是左分割线</u-divider>
  <u-divider position="right">我是右分割线</u-divider>
  <el-input></el-input>
</template>

<script setup lang="ts">
import {} from 'vue'

defineOptions({
  name: 'test'
})

// interface App {
//   add: () => void
// }
// const app = {
//   add: Function
// }

// function exec(app: Function) {
  
// }

// const add = (app: App) => {
//   console.log('hello')
// }

// exec(app => {
//   app.
// })
</script>

<style lang="scss" scoped></style>
